:root {
    background-attachment: fixed;
    background-color: #000000FF;
    background-image: url(../assets/bg_temp.png);
    background-position: center center;
    background-repeat: cover no-repeat;
    background-size: 50% auto;
    font-family: MS PGothic;
    font-size: medium;
}

.main {
  margin: 24px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFFF00FF;
  font-family: MS PGothic;
  font-size: medium;
  border:2px solid #000000FF;
}
.temp_wip_image_ {
  background-color: rgba(0, 0, 0, 0);
  color: #0;
}


#temp_wip_image {
	z-index: 0;
	position: absolute;
	left: 50%;
	top: 60%;
	transform: translate(-50%, -50%);
	width: 25%;
	filter: drop-shadow(30px 10px 4px #000000FF);
}


#temp_secret_image_test {
	width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
   max-width: 700px;
  transform: translate(-50%, -50%);
border:16px double #FF0000FF;
filter: drop-shadow(30px 10px 4px #000000FF);
}




.main_placeholder {
	

	  margin-left: auto;
	  margin-right: auto;
  
	vertical-align: middle;
	text-align: center;
	background-color: rgba(255, 0, 0, 0.8);
	color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-family: MS PGothic;
	border:16px double #000000FF;
}

        

@font-face {
    font-family: vcr;
    src: url(../assets/fonts/vcr.ttf);
}